<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="8" :xs="24">
        <member-tree @memberRowClick="memberRowClick" />
      </el-col>
      <el-col :span="16" :xs="24">
        <flower :member-id="memberId" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import MemberTree from '@/views/components/MemberTree'
import Flower from '@/views/ums/flower/flower'
export default {
  components: { Flower, MemberTree },
  data() {
    return {
      memberId: undefined
    }
  },

  created() { },

  methods: {
    memberRowClick(val) {
      this.memberId = val.id
    }
  }
}
</script>

<style scoped>
</style>
